.SuiMaLogin {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .Back {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		left: 0;
		top: 0;
		z-index: -3;
		pointer-events: none;
	}

	& > .Nav {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 219px;
		z-index: 2;
		pointer-events: none;
	}

	& > .Btm {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 65px;
		z-index: 2;
		pointer-events: none;
	}

	& > .Title {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 2;
		font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
		font-weight: bold;
		font-size: 40px;
		color: #ffffff;
		text-shadow: 6px 0px 6px #002938;
		line-height: 80px;
		text-indent: 40px;
	}

	& > .Login {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding-top: 10vh;

		& > img {
			display: block;
			width: 806px;
		}

		& > div {
			width: 684px;
			height: 470px;
			padding: 40px 88px;
			position: relative;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex-direction: column;

			& > img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				z-index: -1;
				display: block;
				width: 100%;
			}

			& > .Title {
				width: 100%;
				font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
				font-weight: bold;
				font-size: 40px;
				color: #ffffff;
				text-shadow: 6px 0px 6px #002938;
				text-align: center;
				position: relative;
				height: 40px;
				line-height: 40px;
				margin-bottom: 16px;

				&::after,
				&::before {
					position: absolute;
					content: "";
					width: 150px;
					height: 5px;
					top: 18px;
					background: rgba(183, 233, 250, 1);
				}

				&::after {
					left: 0;
				}

				&::before {
					right: 0;
				}
			}

			& > .plugInUnit {
				width: 100%;
				text-align: center;
				font-size: 16px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: rgba(1, 112, 132, 1);
				cursor: pointer;
			}

			& > .SignUpForm {
				width: 100%;

				& > .SignUpBtn {
					button {
						height: 48px;
						width: 100%;
						background: rgba(1, 112, 132, 1);
						font-size: 26px;
						font-family: ShuHeiTi;
						font-weight: bold;
						color: #ffffff;
						border-radius: 6px;
					}
				}

				.ant-form-item {
					position: relative;
					z-index: 1;

					&::after {
						position: absolute;
						left: 0;
						top: -8px;
						z-index: 1;
						font-size: 16px;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #878787;
					}
				}

				.ant-input-affix-wrapper {
					height: 49px;
					font-size: 25px;
					background-color: rgba(0, 45, 54, 1);
					border: 1px solid rgba(140, 238, 255, 1);
					position: relative;
					padding: 4px 25px;
					position: relative;
					color: #878787;

					input {
						text-indent: 16px;
						background-color: rgba(0, 45, 54, 1);
						color: #b6dbff;
						font-size: 16px;
						font-family: PingFang SC;
						font-weight: 500;

						&::placeholder {
							color: #878787;
						}
					}

					.ant-input-password-icon.anticon,
					.ant-input-prefix {
						color: #b6dbff;
					}
				}
			}
		}
	}
}
